<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>弓友之家</title>
    <link rel="stylesheet" href="css/mui.css" />
    <link rel="stylesheet" href="fonts/iconfont.css" />
    <link rel="stylesheet" href="css/style.css" />
</head>
<body class="bg">
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">报名记录</h1>
	</header>
	<div class="mui-content bg">
		<div class="record">
			<div class="title">
				<a href="#" class="on">个人报名</a>
				<a href="#">团队报名</a>
			</div>
			<div class="content">
				<div class="con con1">
					
				</div>
				<div class="con con2 mui-hidden">
					
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/mui.min.js" ></script>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	<script type="text/javascript" src="js/mui.previewimage.js" ></script>
	<script type="text/javascript" src="js/mui.zoom.js" ></script>
	<script type="text/javascript" src="js/common.js" ></script>
	<script type="text/javascript" charset="utf-8">
      	mui.init();
      	mui.ajax(H_SRC+'/amier/user/apply_record',{
			data:{
				token:token,
				type:1
			},
			dataType:'json',
			type:'post',
			timeout:10000,             
			success:function(data){
				var dataurl=data.data;
				var html="";
				for(var i=0;i<dataurl.length;i++){
					html+='<div class="peo-one">';
					html+='<dl class="mui-clearfix">';
					html+='<dt><img src="'+H_SRC+''+dataurl[i].head_pic+'"  data-preview-src="" data-preview-group="'+dataurl[i].id+'" /></dt><dd>';
					html+='<p>'+dataurl[i].name+'  '+dataurl[i].mobile+'</p>';
					html+='<p>'+dataurl[i].address+'</p>';
					html+='<p>编号：'+dataurl[i].id+'</p>';
					html+='</dd></dl><h4 class="mui-clearfix">报名费：<span>'+dataurl[i].price+'</span>元/人<font class="mui-pull-right">已支付</font></h4>';
					html+='</div>';
				}
				$(".con1").html(html);
				mui.previewImage();
			},
			error:function(){
				
			}
		})
      	mui.ajax(H_SRC+'/amier/user/apply_record',{
			data:{
				token:token,
				type:2
			},
			dataType:'json',
			type:'post',
			timeout:10000,             
			success:function(data){
				var dataurl=data.data;
				var html="";
				for(var i=0;i<dataurl.length;i++){ 
					html+='<div class="team-one">';
					html+='<header>'+dataurl[i].team_name+'  领队：'+dataurl[i].name1+'  '+dataurl[i].mobile+'</header>';
					html+='<div class="mui-row mui-text-center">';
					html+='<div class="mui-col-xs-3"><div class="img"><img src="'+H_SRC+''+dataurl[i].head_pic1+'"  data-preview-src="" data-preview-group="'+dataurl[i].id+'" /></div><p>'+dataurl[i].name1+'</p></div>';
					html+='<div class="mui-col-xs-3"><div class="img"><img src="'+H_SRC+''+dataurl[i].head_pic2+'"  data-preview-src="" data-preview-group="'+dataurl[i].id+'" /></div><p>'+dataurl[i].name2+'</p></div>';
					html+='<div class="mui-col-xs-3"><div class="img"><img src="'+H_SRC+''+dataurl[i].head_pic3+'"  data-preview-src="" data-preview-group="'+dataurl[i].id+'" /></div><p>'+dataurl[i].name3+'</p></div>';
					html+='<div class="mui-col-xs-3"><div class="img"><img src="'+H_SRC+''+dataurl[i].head_pic4+'"  data-preview-src="" data-preview-group="'+dataurl[i].id+'" /></div><p>'+dataurl[i].name4+'</p></div>';
					html+='</div><h4 class="mui-clearfix">报名费：<span>'+dataurl[i].price+'</span>元/人<font class="mui-pull-right">已支付</font></h4></div>';
				}
				$(".con2").html(html);
				mui.previewImage();
			}, 
			error:function(){
				
			}
		})
      	$(".record .title a").on("tap",function(){
      		var a=$(this).index();
      		$(".record .title a").eq(a).addClass("on").siblings().removeClass("on");
      		$(".record .content .con").eq(a).removeClass("mui-hidden").siblings().addClass("mui-hidden");
      	})
    </script>
</body>
</html>